<template>
  <div id="app">
    <div class="container">
        <div class="close"><span class="iconfont iconicon-test"></span></div>
        <div class="logo"><span class="iconfont iconnew"></span></div>
        <div class="inputs"><input placeholder="请输入手机号" class="input"><input placeholder="密码" class="input" type="password"></div>
        <p class="tips">
            没有账号？
            <a href="#/register" class="">去注册</a>
        </p>
 <van-button round type="danger" icon="star-o" block>
     登录</van-button>
    </div>
</div>
</template>

<script>
// bug:下载vant和它的第三方包必须在根目录底下
// 运行项目：重启项目，是在项目内部
export default {

}
</script>

<style lang="less" scoped>
.container {
    padding: 20px;
}
.close {
    span {
        font-size: 27 / 360 * 100vw;
    }
}
.logo {
    display: flex;
    justify-content: center;

    span {
        display: block;
        font-size: 126 / 360 * 100vw;
        color: #d81e06;
    }
}
.inputs {
    input {
        margin-bottom: 20px;
    }
}
.tips {
    text-align: right;
    margin-bottom: 20px;
    a {
        color: #3385ff;
    }
}
</style>